<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>时间段</title>
    <link rel="shortcut icon" href="../img/jiejie_logo_s.png">
    <link rel="stylesheet" href="../css/head.css">
    <link rel="stylesheet" href="../css/cinema_movies.css">
    <link rel="stylesheet" href="../layui/css/layui.css" tppabs="../layui/css/layui.css"  media="all">
    <script src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
    <div class="page_movie">
        <!-- 头部导航 -->
        <div class="header">
            <div class="header-inner">
                <div class="nav">
                        <!-- logo -->
                    <div class="logo">
                        <a href=""><img src="../img/jiejie_logo.png" alt=""></a>
                    </div>
                    <div>
                            <div class="menu-item"><a href="../index.html">首页</a></div>
                            <div class="menu-item"><a href="films.html">电影</a></div>
                            <div class="menu-item"><a href="cinema.html">影院</a></div>
                            <div class="menu-item"><a href="BangDan.html">榜单</a></div>
                        </div>

                    <div class="search-form">
                        <input type="text" class="search-text">
                        <a href=""><span class="search-img"></span></a>
                        
                    </div>
                    <div class="head-user">
                        <a href="login.html" class="loginBtn">登录</a>
                        <a href="regist.html" class="loginBtn">注册</a>
                    </div>
                    <div class="user-info">
                        <div class="user-avatar has-login">
                            <img src="https://img.meituan.net/maoyanuser/8b5a75c66ef4efb62fb695631b13419212452.png">
                            <ul class="user-menu yes-login-menu">
                                <li class="text"><a href="">我的订单</a></li>
                                <li class="text login-name" ><a href="javascript:void 0">基本信息</a></li>
                                <li class="text"><a href="javascript:void 0" class="J-logout" data-act="logout-click">退出登录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 避免下面的块上移 -->
        <div class="header-m"></div>

        <!-- 简介栏 -->
        <div class="banner">
            <div class="wrapper clearfix">
                <!-- 左盒子 -->
                <div class="celeInfo-left">
                    <div class="avatar-shadow">
                        <img class="avatar" src="../img/XQing_avatar.jpg">
                        <div class="movie-ver">
                            <i class="imax3d"></i>
                        </div>
                    </div>
                </div>
                <!-- 右盒子 -->
                <div class="celeInfo-right clearfix">
                    <div class="movie-brief-container">
                        <h1 class="name">小黄人大眼萌：神偷奶爸前传</h1>
                        <div class="ename ellipsis">Minions:The Rise of Gru</div>
                        <ul>
                            <li class="ellipsis">
                                <a href="films.html" class="text-link" target="_bank">喜剧</a>
                                <a href="films.html" class="text-link" target="_bank">动画</a>
                                <a href="films.html" class="text-link" target="_bank">动作</a>
                            </li>
                            <li class="ellipsis"> 美国 / 88分钟</li>
                            <li class="ellipsis">2022-08-19中国大陆上映</li>
                        </ul>

                        <div class="features-group">
                            <div class="group-title">影院服务———————————————————</div>
                
                            <div class="feature">
                            <span class="tag ">改签</span>
                            <p class="desc text-ellipsis" >未取票用户放映前60分钟可改签</p>
                            </div>
                            <div class="feature">
                            <span class="tag ">3D眼镜</span>
                            <p class="desc text-ellipsis" >为了您的观影安全，建议您自备或至影城购买独立包装3D眼镜，我们亦免费提供已消毒3D眼镜。</p>
                            </div>
                            <div class="feature">
                            <span class="tag ">儿童优惠</span>
                            <p class="desc text-ellipsis" >1.3米以下儿童普通厅免费无座观影，一名成人限带一名儿童，GOLD CLASS 2厅、激光IMAX 3厅、SPHEREXE 4厅、4DXSCREEN 9厅，儿童均需购票</p>
                            </div>
                            <div class="feature">
                            <span class="tag ">可停车</span>
                            <p class="desc text-ellipsis" >地下停车场、停车楼免费3小时停车，B2层5号梯直达影城；10:00前22:00后进入影城，需将车停在停车楼，从广场1层观光梯直达（优衣库门前）</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 内容选项 -->
        <div class="container">
            <div class="show-list" data-index="0">
                <div class="movie-info">
                    <div>
                        <h2 class="movie-name">独行月球</h2>
                        <span class="score-num">9.3</span>
                        <span class="score-text">分</span>
                    </div>
                    <div class="movie-desc">
                        <div>
                            <span class="key">时长 :</span>
                            <span class="value">122分钟</span>
                        </div>
                        <div>
                            <span class="key">类型 :</span>
                            <span class="value">
                                <a class="text-link" href="films.html" > 喜剧 </a>
                            </span>
                        </div>
                        <div>
                            <span class="key">主演 :</span>
                            <span> 沈腾</span>
                            <span>马丽</span>
                            <span>常远</span>
                        </div>
                    </div>
                </div>


                <div class="show-date">
                    <span>观影时间 :</span>
                    <div class="show-dates">
                        <span class="date-item active" data-index="0">今天 8月31</span>
                        <span class="date-item " data-index="1">周四 9月1</span>
                    </div>
                </div>

                <div class="plist-container">
                    <table class="plist">
                        <thead>
                            <tr>
                                <th>放映时间</th>
                                <th>语言版本</th>
                                <th>放映厅</th>
                                <th>售价（元）</th>
                                <th>选座购票</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="">
                              <td>
                                <span class="begin-time">19:50</span>
                                <br>
                                <span class="end-time">22:03散场</span>
                              </td>
                              <td>
                                <span class="lang">中文2D</span>
                              </td>
                              <td>
                                <span class="hall">7厅</span>
                              </td>
                              <td>
                                <span class="sell-price"><span class="stonefont">￥49</span></span>
                              </td>
                              <td>
                                <a href="" class="buy-btn normal">选座购票</a>
                              </td>
                            </tr>
                            <tr class="even">
                              <td>
                                <span class="begin-time">20:50</span>
                                <br>
                                <span class="end-time">23:03散场</span>
                              </td>
                              <td>
                                <span class="lang">中文2D</span>
                              </td>
                              <td>
                                <span class="hall">8厅</span>
                              </td>
                              <td>
                                <span class="sell-price"><span class="stonefont">￥49</span></span>
                              </td>
                              <td>
                                <a href="" class="buy-btn normal">选座购票</a>
                              </td>
                            </tr>
                            <tr class="">
                              <td>
                                <span class="begin-time">21:35</span>
                                <br>
                                <span class="end-time">23:48散场</span>
                              </td>
                              <td>
                                <span class="lang">中文2D</span>
                              </td>
                              <td>
                                <span class="hall">6厅</span>
                              </td>
                              <td>
                                <span class="sell-price"><span class="stonefont">￥49</span></span>
                              </td>
                              <td>
                                <a href="" class="buy-btn normal" >选座购票</a>
                              </td>
                            </tr>
                          </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/cinema_movies.js"></script>
</body>
</html>